import 'package:flutter/material.dart';

class NamedCardDemo extends StatelessWidget {
  const NamedCardDemo({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("个人名片"),
      ),
      body: Wrap(children: [
        Container(
          padding: EdgeInsets.only(top: 10, left: 16, right: 16, bottom: 10),
          child: Container(
            padding: EdgeInsets.only(top: 15, bottom: 15),
            decoration: BoxDecoration(
              borderRadius: BorderRadius.circular(16),
              // color: Colors.blue,
              gradient: RadialGradient(
                  center: Alignment(0.85, -0.9),
                  radius: 0.05,
                  colors: [
                    Color(0xFFEEEEEE),
                    Color(0xFF111133),
                    // Colors.blueGrey.shade200
                  ],
                  stops: [
                    0.9,
                    1.0
                  ]),
            ),
            child: Column(
              mainAxisAlignment: MainAxisAlignment.start,
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Row(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    SizedBox(
                        width: 120,
                        height: 120,
                        child: CircleAvatar(
                          backgroundImage: NetworkImage(
                            "https://img1.baidu.com/it/u=558442588,3678075188&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=281",
                            // "https://upload.jianshu.io/users/upload_avatars/6245111/ba1ea0f4-ec28-46e2-838f-c9d3a54054ad.png?imageMogr2/auto-orient/strip|imageView2/1/w/120/h/120",
                          ),
                        ))
                  ],
                ),
                SizedBox(
                  height: 10,
                ),
                Divider(
                  color: Colors.white,
                  indent: 45,
                  endIndent: 45,
                ),
                SizedBox(
                  height: 5,
                ),
                Container(
                  padding:
                      EdgeInsets.only(top: 15, left: 15, right: 15, bottom: 25),
                  width: double.infinity,
                  margin: EdgeInsets.only(left: 28, right: 28),
                  decoration: BoxDecoration(
                      borderRadius: BorderRadius.circular(14),
                      border: Border.all(
                          color: Colors.white.withOpacity(0.3),
                          width: 1,
                          style: BorderStyle.solid)),
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      Text(
                        "姓名",
                        style: TextStyle(fontSize: 16, color: Colors.white70),
                      ),
                      SizedBox(
                        height: 8,
                      ),
                      Text(
                        "Brook",
                        style: TextStyle(
                            color: Colors.amber,
                            fontWeight: FontWeight.bold,
                            fontSize: 24),
                      ),
                      SizedBox(
                        height: 10,
                      ),
                      Text(
                        "公司",
                        style: TextStyle(fontSize: 16, color: Colors.white70),
                      ),
                      SizedBox(
                        height: 8,
                      ),
                      Text(
                        "印染科技",
                        style: TextStyle(
                            color: Colors.amber,
                            fontWeight: FontWeight.bold,
                            fontSize: 24),
                      ),
                      SizedBox(
                        height: 10,
                      ),
                      Text(
                        "岗位",
                        style: TextStyle(fontSize: 16, color: Colors.white70),
                      ),
                      SizedBox(
                        height: 8,
                      ),
                      Text(
                        "首席UI设计师",
                        style: TextStyle(
                            color: Colors.amber,
                            fontWeight: FontWeight.bold,
                            fontSize: 24),
                      ),
                      SizedBox(
                        height: 10,
                      ),
                      Row(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        children: [
                          Icon(
                            Icons.email,
                            color: Colors.white70,
                          ),
                          Container(
                            margin: EdgeInsets.only(left: 10),
                            child: Text(
                              "cirpxpp@163.com",
                              style: TextStyle(
                                  fontSize: 16,
                                  color: Colors.lightBlueAccent.shade100),
                            ),
                          )
                        ],
                      )
                    ],
                  ),
                ),
              ],
            ),
          ),
        ),
      ]),
    );
  }
}
